<template>
    <div id="helpCenter">
        <div class="title">帮助中心</div>
        <!-- 列表 -->
        <div class="content">11111111111</div>
    </div>
</template>

<script>
export default {
	data() {
		return {};
	},
    mounted(){
    },
	methods: {},
    watch: {},
}
</script>

<style scoped lang="less">
@media screen and (min-width: 1400px){
    #helpCenter{
        padding: 3% 5%;
        .title{
            width: 100%;
            font-size: 24px;
            padding-bottom: 2%;
            border-bottom: 1px solid #ddd;
        }
        // 列表
        .content{
            width: 100%;
            // height: 530px;
            height: 450px;
            overflow: auto;
            margin-top: 2%;
            background: aqua;
            display: flex;
            flex-wrap: wrap; // 自动换行
        }
    }
}



@media screen and (max-width: 1400px){
    #helpCenter{
        padding: 2% 4%;
        .title{
            width: 100%;
            font-size: 22px;
            padding-bottom: 1.5%;
            border-bottom: 1px solid #ddd;
        }
        // 列表
        .content{
            width: 100%;
            // height: 530px;
            height: 450px;
            overflow: auto;
            margin-top: 1.5%;
            background: aquamarine;
            display: flex;
            flex-wrap: wrap; // 自动换行
        }
    }
}
</style>